.w-breadcrumbs {
  display: flex;
  align-items: center;

  &.size--xs {
    font-size: round(0.8 * $base-font-size);
  }
  &.size--sm {
    font-size: round(0.9 * $base-font-size);
  }
  &.size--md {
    font-size: round(1.05 * $base-font-size);
  }
  &.size--lg {
    font-size: round(1.2 * $base-font-size);
  }
  &.size--xl {
    font-size: round(1.4 * $base-font-size);
  }

  &__separator {
    margin-left: $base-increment;
    margin-right: $base-increment;
  }
}
